<template>
  <div>
    <!-- header -->
    <div class="address_header">
       <div class="address_left" @click="back">
           <img src="aressIcon/back.png" width="30px">
       </div>
       <div class="address_middle">{{title}}</div>
       <div class="address_right" @click="goAddress">{{right}}</div>
    </div>
  </div>
</template>

<script>
import mixin from "../../store/store";
export default {
    mixins:[mixin],
    computed:{
        title:function(){return this.$route.meta.title},
        right:function(){return this.$route.meta.right}
    },
    methods:{
      goAddress(){
        this.$router.goNext("/newaddress")
      },
      back(){
          this.$router.goBack();
          this.placeClear();
      }
    }
}
</script>

<style scoped>
.address_header
{
    width: 100%;
    height: 64px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    border: 1px solid lavender;
    display: inline-flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    box-sizing: border-box;
}

.address_header
{
    flex: 1;
}
</style>